<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite App</title>
    <style>
       * {
      padding: 0;
      margin: 0;
    }

    header {
      height: 50px;
      /* background: aqua; */
         background: linear-gradient(70deg, blue, pink);
    }
    header a {
      color: white;
      text-decoration: none;
    }
    main {
      height: 400px;
      /* background: linear-gradient(70deg, blue, pink); */
      background: linear-gradient(to bottom right, #F7FF00, #00BFFF);
    }
    </style>
  </head>
  <body>
    <header>
      <a href="#/">首页</a>
      <a href="#/time">时间</a>
      <a href="#/chart-scatter">散点图</a>
      <a href="#/chart-bar">柱状图</a>
    </header>
    <main class="router-view">
      <!-- 组件要渲染到 此处 -->
    </main>
  </body>
  </html>
  <script type="module" src="/main.js"></script>

  